<template>
  <div class="myedit">
    <h1>
      {{ msg }}
    </h1>
    <markdown-editor :configs="configs" :custom-theme="true" preview-class="markdown-body"></markdown-editor>
  </div>
</template>

<script>
  import 'simplemde-theme-base/dist/simplemde-theme-base.min.css'
  import 'github-markdown-css'
  export default {
    name: 'myedit',
    data () {
      return {
        msg: 'MyEdit',
        content: '',
        configs: {
          spellChecker: false,
//          status: false, // 禁用底部状态栏
          initialValue: '',  // 设置初始值
          renderingConfig: {
            codeSyntaxHighlighting: true, // 开启代码高亮
            highlightingTheme: 'atom-one-light' // 自定义代码高亮主题，可选列表(https://github.com/isagalaev/highlight.js/tree/master/src/styles)
          }
        }
      }
    }
  }
</script>

<style>

</style>
